<!doctype html>
<html><!-- InstanceBegin template="/Templates/biTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no,target-densitydpi=300">
<!-- InstanceBeginEditable name="doctitle" -->
<title>智能云管家-话费充值</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="EditRegion-jscode" -->
<script src="../resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../resources/js/common.js"></script>
<script src="res/common.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F883c1dc0c5cf74748ff6876f4606832f' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
$(function(){
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); 
	addEventListener("orientationchange", function() { setTimeout(hideURLbar, 0); }, false);
	addEventListener("load",function(){$("#loading").hide();
	$(".floatBoxBg").hide();});
      function hideURLbar(){ 
               window.scrollTo(0,1); 
      }
      if(navigator.userAgent.toLowerCase().indexOf("android", 0)<0){
         $("#footer").css({"center;z-index":"999","position":"fixed","bottom":"0"});
         window.scrollTo(0,1); 
        }else{
        $("#footer").css({"position":"fixed","bottom":"0"});
    var top = $("#footer").offset().top;
    $(window).scroll(function(){
    $("#footer").offset({top:$(document).scrollTop()+top});
    });
        }

       }); 

$(document).ready(function() {
	//logincheck();
	//记录充值页面访问量
	var jilu=jsonserver+"util/recharge";
	$.getJSON(jilu+".jsonp?callback=?",{},function(data){});
	
	if(detectDeviceType()=="Apple"){
		
		$("#viewport").attr("content","width=640,initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5,user-scalable=no");
	}
	if(localStr.indexOf("file:///",0)<0&&detectDeviceType()=="Android"){
		$("#client").hide();
		$("#dlclient").show();
	}else{
		$("#client").show();
		$("#dlclient").hide();
	}
	if(localStorage.getItem("width")==null){
		localStorage.setItem("width",window.screen.width);
		localStorage.setItem("height",window.screen.height);
	}
	if(localStorage.getItem("width")>700) {
		$("meta").attr("content","width=device-width, initial-scale=0.7, minimum-scale=0.7, maximum-scale=0.7");
	}
	if(window.screen.height>window.screen.width){
		Vertical();
	}
	$( window ).bind( "resize", function() {
		changeScreen();
		});
		$("#content").append('<div class="woDiv" onclick="download()"><span style="color:#49494b;">下载智能云管家客户端</span><img src="res/img/downll.png" style="padding-top:15px;"/></div>');
});
function changeScreen(){
	if(window.screen.height>window.screen.width){
		Vertical();
		} 
	else {
		$("#content").removeAttr("style");
		$("#mainconfig").removeAttr("style");
	}
	}
function Vertical(){
	var screenheigh = localStorage.getItem("height");
	if(screenheigh<=500){
		$("#mainconfig").get(0).style.height="675px";
	}
	else if(screenheigh>1100){
		$("#mainconfig").get(0).style.height=0.64*screenheigh+"px";
	}
	else{
		$("#mainconfig").get(0).style.height=0.95*screenheigh+"px";
	}
	}
</script>
<style type="text/css">
.mainConfig{
	width:100%; height:80%;
	background-color:#ffffff
}

</style>
<link href="../resources/css/load.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="res/common.css">
<!-- InstanceEndEditable -->
<style type="text/css">
*{
	font-family:Heiti SC;
	font-weight:600;
}
</style>
	<script type="text/javascript">
//var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
//document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2284c04845acdcd94dd640a8555927dc' type='text/javascript'%3E%3C/script%3E"));
</script>

</head>
<link rel="icon" href="res/img/logo.png" type="image/x-icon">
<link rel="shortcut icon" href="res/img/logo.png" type="image/x-icon"> 
<body style="margin:0;">

	<div id="header">
	<!-- InstanceBeginEditable name="EditRegion-header" -->
    <table width="100%" height="88px">
    	<tr>
        	<td width="10%" onClick="javascript:location.href='index.html'">
            <div><img src="res/img/back.png"/></div>
            </td>
            <td width="80%">
            <span style="font-size:34px; font-weight:bold; color:#fff;">话费充值</span>
            </td>
            <td width="10%">
            
            </td>
        </tr>
    </table>
	<!-- InstanceEndEditable -->
    </div>
    <div id="content">
    <div id="loading" class="loading"><img src="res/loading.gif"/>载入中...</div>
    <div class="floatBoxBg"></div>
	<!-- InstanceBeginEditable name="EditRegion-content" -->
    
    <div style="margin-left: 10px; margin-right: 10px">
    <div style="font-size:9px">&nbsp;</div>
    <div id="mainconfig" class="mainConfig">
    <div style="margin-top: 40px; margin-left: 30px; font-size: 36px;">请选择充值方式：</div>
    <div style="width:100%; margin-top:0px"><img src="../resources/css/images/system/images/line.png" width="100%"/></div>
    <div style="margin-top:10px; margin-bottom:5px; font-size: 32px; margin-left:40px">账户支付：</div>
    <div align="center" style="margin-top: 10px; margin-bottom: 10px; font-size: 28px;">
    <table style="text-align:center" width="70%" border="0">
  <tr>
    <td><img src="../resources/css/images/phone bill/images/cz_zfb.png" onClick="javascript:window.open('http://zc.m.taobao.com/index.htm?sid=1806849760d36766')"/></td>
    <td><img src="../resources/css/images/phone bill/images/cz_cft.png" onClick="javascript:window.open('https://wap.tenpay.com/cgi-bin/wapmainv2.0/wm_mobilecharge.cgi?chv=2')"/></td>
  </tr>
  <tr>
    <td>支付宝</td>
    <td>财付通</td>
  </tr>
</table>

</div>
<div style="margin-top:20px; margin-bottom:20px; font-size: 32px; margin-left:40px">银联网银支付：</div>

<div style="width:100%; text-align:center" >
<table style="text-align:center; padding-left:10%" width="90%" border="0" cellpadding="10px">
  <tr>
    <td height="80px" style="margin-top:10px"><img src="../resources/css/images/phone bill/images/cz_03.jpg" onClick="javascript:window.open('http://m.cmbchina.com/Phone/ChongZhi.aspx')"/></td>
    <td><img src="../resources/css/images/phone bill/images/cz_05.jpg" onClick="javascript:window.open('http://211.94.188.174/guniwap/mbswap12/index.jsp')"/></td>
  </tr>
  <tr>
    <td height="80px"><img src="../resources/css/images/phone bill/images/cz_13.jpg" onClick="javascript:window.open('http://wap.95559.com.cn/mobilebank/index.jsp')"/></td>
    <td><img src="../resources/css/images/phone bill/images/cz_10.jpg" onClick="javascript:window.open('')"/></td>
  </tr>
</table>
<div style="color:#F00">建设银行和工商银行充值须使用手机wap网络</div>
</div>
    </div>
    </div>
   <br/>
    <!--<div id="foot" style="font-size: 24px; max-height:80px; padding:10px; text-align:center; background-image:url(resources/css/images/bottom_share_bg.png)"><div id="foot" style="margin-left: 10px; font-size: 24px; width:100%"><table width="100%" border="0">
  <tr>
    <td width="15%"><div style="max-width:101px"><img src="resources/css/images/system/images/share_btn.png" width="100%" onClick="javascript:window.location.href='share.html'"/></div></td>
    <td><div id="dlclient" onClick="download()">下载云管家客户端，更多给力功能</div><div id="client">COOL！流量变化随时掌握</div></td>
  </tr>
</table>
</div>
   </div>-->
   
	<!-- InstanceEndEditable -->
    </div>
    <!-- InstanceBeginEditable name="EditRegion-footer" -->
	<!-- InstanceEndEditable -->
    <div id="footer">
    </div>
    
</body>
<!-- InstanceEnd --></html>
